<!--
  This template loads for the 'tab.friend-detail' state (app.js)
  'friend' is a $scope variable created in the FriendsCtrl controller (controllers.js)
  The FriendsCtrl pulls data from the Friends service (service.js)
  The Friends service returns an array of friend data
-->
<ion-view hide-back-button="true" devin-hide-tabs="true" style="background-color: #E5EEF4;" view-title="项目档案" cache-view="false" ng-controller="ProjectTrackContentCtrl">
  <ion-nav-buttons side="left">
    <span class="nav-right-button" style="font-size: 1.6rem" ng-click="backToTask()">
      <i class="icon ion-android-arrow-back"></i>
    </span>
  </ion-nav-buttons>
    <ion-content ng-controller="ProjectTrackContentCtrl" scroll="false">
    <ion-item>
      <span style="font-size: 20px;">项目|{{projectInfo.projectNumber}}</span>
      <span style="color:#F0A65D; float: right;">{{projectInfo.statusDesc}}</span>
      <div id="trackLine" style="margin-left: 6px;">
        <div class="track-item">
          <div class="track-text {{progressInfo.textClass[0]}}">意向</div>
          <img class="tack-img" ng-src="img/follow-{{progressInfo.pointImg[0]}}.png" />
          <div class="track-line {{progressInfo.lineClass[0]}}"></div>
        </div>
        <div class="track-item">
          <div class="track-text {{progressInfo.textClass[1]}}">勘查</div>
          <img class="tack-img" ng-src="img/follow-{{progressInfo.pointImg[1]}}.png" />
          <div class="track-line {{progressInfo.lineClass[1]}}"></div>
        </div>
        <div class="track-item">
          <div class="track-text {{progressInfo.textClass[2]}}">方案</div>
          <img class="tack-img" ng-src="img/follow-{{progressInfo.pointImg[2]}}.png" />
          <div class="track-line {{progressInfo.lineClass[2]}}"></div>
        </div>
        <div class="track-item">
          <div class="track-text {{progressInfo.textClass[3]}}">合同</div>
          <img class="tack-img" ng-src="img/follow-{{progressInfo.pointImg[3]}}.png" />
          <div class="track-line {{progressInfo.lineClass[3]}}"></div>
        </div>
        <div class="track-item">
          <div class="track-text {{progressInfo.textClass[4]}}">安装</div>
          <img class="tack-img" ng-src="img/follow-{{progressInfo.pointImg[4]}}.png" />
          <div class="track-line {{progressInfo.lineClass[4]}}"></div>
        </div>
        <div class="track-item">
          <div class="track-text {{progressInfo.textClass[5]}}">交付</div>
          <img class="tack-img" ng-src="img/follow-{{progressInfo.pointImg[5]}}.png" />
        </div>
      </div>

    </ion-item>
    <ion-scroll scrollbar-x="false" delegate-handle="nav-scroll" zooming="false" direction="x" style="width:100% ;height:53px;margin-bottom: -15px">
      <div style="width: 100%;height: 100%;background-color: white; position: absolute;z-index: -1;"></div>
      <ul id="design-nav-scroll" class="nav-scroll">
        <li ng-click="activeNav($event)" class="active">基本信息</li>
        <li ng-click="activeNav($event)">勘查数据</li>
        <li ng-click="activeNav($event)">方案一览</li>
        <li ng-click="activeNav($event)">物料清单</li>
        <li ng-click="activeNav($event)">合同信息</li>
        <li ng-click="activeNav($event)">收货</li>
        <li ng-click="activeNav($event)">进度报告</li>
        <li ng-click="activeNav($event)">项目整改</li>
        <li ng-click="activeNav($event)">项目日志</li>
      </ul>
      <div class="cur" style="margin-left:{{curStyle * 80}}px"></div>
    </ion-scroll>
    <!--<div  style="position: absolute; top: 82px; bottom: 0px" >-->
    <ion-slide-box style="height: 1000px" on-drag="onDragThis()" on-touch="onTouchThis()" show-pager="false" delegate-handle="slide-box" active-slide="myActiveSlide" on-slide-changed="activeSlide($index)">
      <ion-slide>
        <ion-scroll ng-if=defeineContentLazyLoad zooming="false" style="font-size: 16px;height: {{vm.scrollHeight}}px">
          <div style="width: {{vm.width}}vw" ng-include="'templates/project-track/html/information.html'"></div>
          <div style="height: 100px;"></div>
        </ion-scroll>
      </ion-slide>
      <ion-slide>
        <ion-scroll ng-if=defeineContentLazyLoad zooming="false" style="font-size: 16px;height: {{vm.scrollHeight}}px">
          <div ng-include="'templates/project-track/html/survey.html'"></div>
          <div style="height: 100px;"></div>
        </ion-scroll>
      </ion-slide>
      <ion-slide>
        <ion-scroll ng-if=defeineContentLazyLoad zooming="false" style="font-size: 16px;height: {{vm.scrollHeight}}px">
          <div ng-include="'templates/project-track/html/solution.html'"></div>
          <div style="height: 100px;"></div>
        </ion-scroll>
      </ion-slide>
      <ion-slide>
        <ion-scroll ng-if=defeineContentLazyLoad zooming="false" style="font-size: 16px;height: {{vm.scrollHeight}}px">
          <div ng-include="'templates/project-track/html/wlqd.html'"></div>
          <div style="height: 100px;"></div>
        </ion-scroll>
      </ion-slide>
      <ion-slide>
        <ion-scroll ng-if=defeineContentLazyLoad zooming="false" style="font-size: 16px;height: {{vm.scrollHeight}}px">
          <div ng-include="'templates/project-track/html/contract.html'"></div>
          <div style="height: 100px;"></div>
        </ion-scroll>
      </ion-slide>
      <ion-slide>
        <ion-scroll ng-if=defeineContentLazyLoad zooming="false" style="font-size: 16px;height: {{vm.scrollHeight}}px">
          <div ng-include="'templates/project-track/html/recieve.html'"></div>
          <div style="height: 100px;"></div>
        </ion-scroll>
      </ion-slide>
      <ion-slide>
        <ion-scroll ng-if=defeineContentLazyLoad zooming="false" style="font-size: 16px;height: {{vm.scrollHeight}}px">
          <div ng-include="'templates/project-track/html/report.html'"></div>
          <div style="height: 100px;"></div>
        </ion-scroll>
      </ion-slide>
      <ion-slide>
        <ion-scroll ng-if=defeineContentLazyLoad zooming="false" style="font-size: 16px;height: {{vm.scrollHeight}}px">
          <div ng-include="'templates/project-track/html/changedReport.html'"></div>
          <div style="height: 100px;"></div>
        </ion-scroll>
      </ion-slide>
      <ion-slide>
        <ion-scroll ng-if=defeineContentLazyLoad zooming="false" style="font-size: 16px;height: {{vm.scrollHeight}}px">
          <div ng-controller="ProjectLogCtrl" ng-include="'templates/project-track/project-log-include.html'"></div>
        </ion-scroll>
      </ion-slide>
      <!--<ion-slide>-->
        <!--&lt;!&ndash;<ion-scroll  zooming="false" ng-style="slideHeight">&ndash;&gt;-->
          <!--&lt;!&ndash;<div style="background-color: white" ng-include="'http://pm.ht-home.cn/controller/showDesignPreview?projectId='+projectSolution.projectId"></div>&ndash;&gt;-->
        <!--&lt;!&ndash;</ion-scroll>&ndash;&gt;-->
      <!--</ion-slide>-->
    </ion-slide-box>
    <!--</div>-->
  </ion-content>
</ion-view>
